// index.js就是React项目的入口文件(名字不要变化)

// 1.引入核心的模块
import React from 'react'
import ReactDOM from 'react-dom'

// import App from './App'
// import App2 from './App2'
// import App3 from './App3'
// import App4 from './App4'
// import App5 from './App5'
// import App6 from './App6'
// import App7 from './App7'
import App8 from './App8'

// 2.把对应的内容渲染到id为root的标签上
// let docDom = document.createElement('div') // 原生DOM
// let reactDom = React.createElement('div', { name: 'reactDom' }, '内部文本')  // 虚拟DOM

// let docDomNum = 0
// for (const i in docDom) { // 遍历原生对象的属性
//     docDomNum++;
// }


// let reactDomNum = 0
// for (const i in reactDom) { // 遍历虚拟对象的属性
//     reactDomNum++;
// }
// console.log('原生DOM对象的属性个数为：', docDomNum);
// console.log('虚拟DOM对象的属性个数为：', reactDomNum);



/* ReactDom.render(参数1，参数2)  
   参数1：作为root内部内容
   参数2：渲染到/public/index.html中的哪个标签
 */
ReactDOM.render(
  // <App />
  // <App2 />,
  // reactDom,
  // <App3 />,
  // <App4 />,
  // <App5 />,
  // <App6 />,
  // <App7 />,
  <App8 />,
  document.getElementById('root')
)

